Google Map Properties
Description
The Google Map Component's properties are used to configure the component, including it's initial view, SSL support, custom styling and more.
Google Map Properties Properties
Initial Map Type
The type of Google Map to display. This can be changed by the user using the displayed controls. Choices include HYBRID, ROADMAP, SATELLITE, TERRAIN.
Use Google Maps Premier
Check this if you have a Google Maps Premier client ID and want to use it
Google Maps Premier Client ID
Enter your Google Maps Premier client ID
Use SSL
Check this if you want to call Google Maps using SSL (HTTPS:)
Use Sensor
Check this if you want to use a GPS or other geolocation method for any reason, or if this map is intended to be used on a mobile device.
Set Initial Position from Sensor
Check this if you want to use a GPS or other geolocation method to set the initial map center. This works best on mobile devices.
Initial zoom factor
The initial zoom factor on the map. This can be changed by the user using the displayed controls. 0 shows the whole world; 20 shows a few square yards. Displaying a circle will override this setting.
Create marker at initial center
Check this if you want a push pin and/or polygon vertex created at the initial map center
Initial marker is draggable
Check this if you want the initial push pin to be draggable by the user
Show markers
Check this if you want push pins displayed.
Added markers are draggable
Check this if you want any user-added push pins to be draggable by the user
Show polygon
Check this if you want a polygonal area displayed
Polygon color
The color used for displaying the Polygon, as hex RGB, e.g. #FF0000
Maximum number of points
The maximum number of markers or vertices to display
Show circle
Check this if you want a circle displayed
Circle color
The color used for displaying the circle, as hex RGB, e.g. #00FF00
Circle radius
The radius of the circle to display, in meters. 1 mile is roughly 1609 m. Note that displaying a circle resets the map size.
Geocoding source
The service to use for geocoding addresses. Choices include Google, Nominatim.
Reinitialize on Geocode
Check this if you want to reinitialize the map if the user geocodes an address. Otherwise, the geocoded point will be added to the map.
Cluster bulk markers
Check this if you want to display bulk markers in clusters (useful if you have a lot of markers to display)
HTML Properties Properties
Map Width
The width of the map, e.g. "400px" or "3in"
Map Height
The height of the map, e.g. "500px" or "4in"
Toolbar HTML
HTML that defines the controls for the toolbar
Toolbar position
Specify whether the HTML toolbar is above or below the map. Choices include Below, Above.
Other Component Properties Properties
Style name
Click the button to select a new style, or edit the existing style. You can also use <ProjectStyle> or <Session:varname>
Class map
Specify how the abstract CSS class names used in this component map to physical CSS class names in your style sheets.
Resolve abstract CSS class names
Replace abstract CSS class names with physical CSS class names. This should only be un-checked if you are in development mode and you want to determine what the abstract CSS class name is for a particular element in the component.
Font size
Specify if the fonts in the Component should be scaled to make the component larger or smaller. Select 'Medium' for no scaling (i.e. the fonts shown will match those defined in the style sheet). Choices include.
Font scaling option
Specify which CSS classes should be scaled. If you choose All, the fonts in these classes will be scaled, in addition to the fonts in the CSS classes specific to the Style that you selected: BODY, TABLE, TH, TR, TD, UL, OL, LI, P, A, BLOCKQUOTE. Choices include All, GridStyleClassesOnly.
Master template
Specify an optional Master Template. This allows you to place arbitrary HTML surrounding the component.
Page title
Specify the page title for the .a5w page that renders this component.
CSS/SVG Properties
Local CSS definitions
Define any local CSS classes. NOTE: You can include SASS syntax in your CSS definition. For more information on SASS syntax see http://sass-lang.com/
Additional component styles
Specify if any other styles (in addition to the primary style for the component) must be included. Enter a comma delimited list of style names. e.g., GlassOlive,Airport
CSS Linked files
Specify any CSS files that should be linked (in addition to the primary style for the Component). Enter a comma delimited list of filenames.
Local SVG definitions
Specify any local SVG image definitions you want to include in this component.
SVG Linked files
Specify any SVG files that should be linked. Enter a comma delimited list of filenames. Only relative filenames can be specified. Files must be in a folder relative to the webroot.
Arguments Properties
Arguments
Define arguments. Arguments can be bound to page, session and cookie variables. Argument values are passed into all server-side Xbasic event handlers in the component.
Javascript Properties
Javascript Linked files
Specify any Javascript files that should be linked. Enter a comma delimited list of filenames.
Xbasic Properties
Xbasic Linked files
Specify any Xbasic Function Library files that should be linked. Enter a comma delimited list of filenames. Defining Xbasic functions in a Function Library (that can be shared among multiple components) is an alternative to defining your Xbasic functions in this component (see 'Xbasic functions' on the toolbox).
Other Properties
Language definitions
Define strings for different languages.
Text dictionary tags
Show Text Dictionary tags (<a5:t>...</a5:t>) used in this component.
Active language
Specify the active language to use for translating strings tagged with <a5:r>..</a5:r> tags. Setting the property here is useful for testing purposes. In a real application you can set the 'session.__protected__activeLanguage' variable to specify the active language. To select the default language, enter <Default> or leave this property blank.
Remove un-consumed language tags
Should any language tags that were not replaced (because they were not defined in the Language Definition) be removed from any output sent to the browser?
Head section tags
Specify any tags you want to appear in the HEAD section of the page that hosts this component.
Component must run in IFrame
Specify if this component must run in its own IFrame.
IFrame inline style
Specify the in-line style for the IFrame. You should set a height and width for the IFrame. e.g. width: 6in; height 4in;
Advanced Properties
Other properties
Specify other properties of the component
Save component format
Specify if the component should be saved as a binary file or as formatted JSON.
Formatted JSON saves the properties in clear text. This is useful if you are using some type of source or version control system and the system has a method to show differences between versions. Choices include Binary, Formatted JSON.